<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@page import ="org.jdom2.input.SAXBuilder" %>
<%@page import ="org.jdom2.Element" %>
<%@page import ="org.jdom2.Document" %>
<%@page import ="java.util.*" %>
<%@page import ="java.io.*" %>

<%String filename = request.getParameter("filename"); %>
<%
String id="";
String parentid = "";
String type = "";
String viewtype = "";
String tabindex = "";
String image = "";
String color = "";
String navihide = "";
String navibackgroundimage = "";
String navibackgroundcolor = "";
String navitext = "";
String navitextcolor = "";
String navitextshadowcolor = "";
String navisize = "";
String navibackbutton = "";
String navibackbuttonimage = "";
String menubarshow = "";
String subtabshow = "";
 

try{
   
      File file = new File("c:/"+filename+".xml");                            
      FileInputStream inStream = new FileInputStream(file);    
      SAXBuilder builder = new SAXBuilder();         
      Document doc = builder.build(inStream);          
      Element xmlRoot = doc.getRootElement();       
      
      List xml_list = xmlRoot.getChildren();
      Element element = (Element) xml_list.get(0);
      
      id = element.getAttributeValue("id");
      parentid = element.getAttributeValue("parentid");
      type = element.getAttributeValue("type");
      viewtype = element.getAttributeValue("viewtype");
      tabindex = element.getAttributeValue("tabindex");
      image = element.getAttributeValue("image");
      color = element.getAttributeValue("color");
      navihide = element.getAttributeValue("navihide");
      navibackgroundimage = element.getAttributeValue("navibackgroundimage");
      navibackgroundcolor = element.getAttributeValue("navibackgroundcolor");
      navitextcolor = element.getAttributeValue("navitextcolor");
      navitext = element.getAttributeValue("navitext");
      navitextcolor = element.getAttributeValue("navitextcolor");
      navitextshadowcolor =  element.getAttributeValue(navitextshadowcolor);
      navisize = element.getAttributeValue("navisize");
      navibackbutton = element.getAttributeValue("navibackbutton");
      navibackbuttonimage = element.getAttributeValue("navibackbuttonimage");
      subtabshow = element.getAttributeValue("subtabshow");
        
      
    }catch(Exception e){
     e.printStackTrace(System.err);
  }
%>  

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<link href="/itfinger/CSS/20130108_hyun.css" rel="stylesheet"  type="text/css" />
<link href="/itfinger/CSS/selectbox.css" rel="stylesheet"  type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<style type="text/css">
.chkselect {
    color: red;
}
</style>
<script language="javascript">

function colseDIV(index){
	var a = new Array();
	//	a[0]="0";
		a[1]="1";
		a[2]="2";
		a[3]="3";
		a[4]="4";
		a[5]="5";
		
	if(index==1){
		document.getElementById('sub_div_'+a[1]).style.display="none";
	}
	else if(index==2){
		document.getElementById('sub_div_'+a[2]).style.display="none";
	}
	else if(index==3){
		document.getElementById('sub_div_'+a[3]).style.display="none";
	}
	else if(index==4){
		document.getElementById('sub_div_'+a[4]).style.display="none";
	}
	else if(index==5){
		document.getElementById('sub_div_'+a[5]).style.display="none";
	}

}

function Div_on(index){
	if(index==1){
		document.getElementById('Div_on_01').style.display="block";
		document.getElementById('Div_on_02').style.display="none";
		document.getElementById('div_btn01').src="/itfinger/IMAGE/App/link_page/frame_on.png";
		document.getElementById('div_btn02').src="/itfinger/IMAGE/App/link_page/static_off.png";
	}
	else if(index==2){
		document.getElementById('Div_on_01').style.display="none";
		document.getElementById('Div_on_02').style.display="block";
		document.getElementById('div_btn01').src="/itfinger/IMAGE/App/link_page/frame_off.png";
		document.getElementById('div_btn02').src="/itfinger/IMAGE/App/link_page/static_on.png";
	}
	else{
		document.getElementById('Div_on_01').style.display="block";
		document.getElementById('Div_on_02').style.display="none";
		document.getElementById('div_btn01').src="/itfinger/IMAGE/App/link_page/frame_on.png";
		document.getElementById('div_btn02').src="/itfinger/IMAGE/App/link_page/static_off.png";
	}
}
</script>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js" jQuery19007382069064689989="92"></script>

<script type="text/javascript" jQuery19007382069064689989="93">

jQuery(function($){
	
	// Common
	var select_root = $('div.select_02');
	var select_value = $('.my_value');
	var select_a = $('div.select_02>ul>li>a');
	var select_input = $('div.select_02>ul>li>input[type=radio]');
	var select_label = $('div.select_02>ul>li>label');
	
	// Radio Default Value
	$('div.my_value').each(function(){
		var default_value = $(this).next('.i_list').find('input[checked]').next('label').text();
		$(this).append(default_value);
	});
	
	// Line
	select_value.bind('focusin',function(){$(this).addClass('outLine')});
	select_value.bind('focusout',function(){$(this).removeClass('outLine')});
	select_input.bind('focusin',function(){$(this).parents('div.select_02').children('div.my_value').addClass('outLine')});
	select_input.bind('focusout',function(){$(this).parents('div.select_02').children('div.my_value').removeClass('outLine')});
	
	// Show
	function show_option(){
		$(this).parents('div.select_02:first').toggleClass('open');
	}
	
	// Hover
	function i_hover(){
		$(this).parents('ul:first').children('li').removeClass('hover');
		$(this).parents('li:first').toggleClass('hover');
	}
	
	// Hide
	function hide_option(){
		var t = $(this);
		setTimeout(function(){
			t.parents('div.select_02:first').removeClass('open');
		}, 1);
	}
	
	// Set Input
	function set_label(){
		var v = $(this).next('label').text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}
	
	// Set Anchor
	function set_anchor(){
		var v = $(this).text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}

	// Anchor Focus Out
	$('*:not("div.select_02 a")').focus(function(){
		$('.a_list').parent('.select').removeClass('open');
	});
			
	select_value.click(show_option);
	select_root.removeClass('open');
	select_a.click(set_anchor).click(hide_option).focus(i_hover).hover(i_hover);
	select_input.change(set_label).focus(set_label);
	
});

jQuery(function($){
	
	// Common
	var select_root = $('div.select_03');
	var select_value = $('.my_value');
	var select_a = $('div.select_03>ul>li>a');
	var select_input = $('div.select_03>ul>li>input[type=radio]');
	var select_label = $('div.select_03>ul>li>label');
	
	// Radio Default Value
	$('div.my_value').each(function(){
		var default_value = $(this).next('.i_list').find('input[checked]').next('label').text();
		$(this).append(default_value);
	});
	
	// Line
	select_value.bind('focusin',function(){$(this).addClass('outLine')});
	select_value.bind('focusout',function(){$(this).removeClass('outLine')});
	select_input.bind('focusin',function(){$(this).parents('div.select_03').children('div.my_value').addClass('outLine')});
	select_input.bind('focusout',function(){$(this).parents('div.select_03').children('div.my_value').removeClass('outLine')});
	
	// Show
	function show_option(){
		$(this).parents('div.select_03:first').toggleClass('open');
	}
	
	// Hover
	function i_hover(){
		$(this).parents('ul:first').children('li').removeClass('hover');
		$(this).parents('li:first').toggleClass('hover');
	}
	
	// Hide
	function hide_option(){
		var t = $(this);
		setTimeout(function(){
			t.parents('div.select_03:first').removeClass('open');
		}, 1);
	}
	
	// Set Input
	function set_label(){
		var v = $(this).next('label').text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}
	
	// Set Anchor
	function set_anchor(){
		var v = $(this).text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}

	// Anchor Focus Out
	$('*:not("div.select_03 a")').focus(function(){
		$('.a_list').parent('.select').removeClass('open');
	});
			
	select_value.click(show_option);
	select_root.removeClass('open');
	select_a.click(set_anchor).click(hide_option).focus(i_hover).hover(i_hover);
	select_input.change(set_label).focus(set_label);
	
});


jQuery(function($){
	
	// Common
	var select_root = $('div.select_04');
	var select_value = $('.my_value');
	var select_a = $('div.select_04>ul>li>a');
	var select_input = $('div.select_04>ul>li>input[type=radio]');
	var select_label = $('div.select_04>ul>li>label');
	
	// Radio Default Value
	$('div.my_value').each(function(){
		var default_value = $(this).next('.i_list').find('input[checked]').next('label').text();
		$(this).append(default_value);
	});
	
	// Line
	select_value.bind('focusin',function(){$(this).addClass('outLine')});
	select_value.bind('focusout',function(){$(this).removeClass('outLine')});
	select_input.bind('focusin',function(){$(this).parents('div.select_04').children('div.my_value').addClass('outLine')});
	select_input.bind('focusout',function(){$(this).parents('div.select_04').children('div.my_value').removeClass('outLine')});
	
	// Show
	function show_option(){
		$(this).parents('div.select_04:first').toggleClass('open');
	}
	
	// Hover
	function i_hover(){
		$(this).parents('ul:first').children('li').removeClass('hover');
		$(this).parents('li:first').toggleClass('hover');
	}
	
	// Hide
	function hide_option(){
		var t = $(this);
		setTimeout(function(){
			t.parents('div.select_04:first').removeClass('open');
		}, 1);
	}
	
	// Set Input
	function set_label(){
		var v = $(this).next('label').text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}
	
	// Set Anchor
	function set_anchor(){
		var v = $(this).text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}

	// Anchor Focus Out
	$('*:not("div.select_04 a")').focus(function(){
		$('.a_list').parent('.select').removeClass('open');
	});
			
	select_value.click(show_option);
	select_root.removeClass('open');
	select_a.click(set_anchor).click(hide_option).focus(i_hover).hover(i_hover);
	select_input.change(set_label).focus(set_label);
	
});
</script>

</head>
<body marginheight="0" marginwidth="0">
    <div style="position:absolute; left:50%; margin-left:-512px; width:1024px; height:800px; z-index:-1000;">
      <p>&nbsp;</p>
      <div style="position:relative; margin:0px; height:25px; text-align:center;">
                <table border="0" cellspacing="0" cellpadding="0" width="1024" heigh="25">
                  <tr>
                    <td align="right"><img src="/itfinger/IMAGE/location.jpg" height="8" style="margin-top:17px;"/></td>
                  </tr>
                </table>
      </div>
   	  <div class="APP_ing" style="position:absolute; margin:5px 0px 0px 15px; z-index:100; width: 143px; height: 42px;">APP 미등록<span class="APP_ing_2"> 등록중지</span></div>
      <div style=" position:absolute margin:0px 0px 0px 0px; text-align:center; background-color:#000;" id="main_navi">
			<table border="0" cellspacing="0" cellpadding="0" width="1024" height="31"  bgcolor="#000000">
              <tr>
              	<td width="187"></td>
                <td width="189"><img src="/itfinger/IMAGE/main_navi/off__02.jpg" width="189" height="31" id="mBtn_01" border="0" /></td>
                <td width="150"><img src="/itfinger/IMAGE/main_navi/off__03.jpg" width="150" height="31" id="mBtn_01" border="0" /></td>
                <td width="167"><img src="/itfinger/IMAGE/main_navi/off__04.jpg" width="167" height="31" id="mBtn_01" border="0" /></td>
                <td width="151"><img src="/itfinger/IMAGE/main_navi/off__05.jpg" width="151" height="31" id="mBtn_01" border="0" /></td>
                <td width="151"><img src="/itfinger/IMAGE/main_navi/off__06.jpg" width="180" height="31" id="mBtn_01" border="0" /></td>
              </tr>
            </table>
        </div>
        <div style="position:absolute; margin:0px 0px 0px 0px; background-color:#e4e7ef; width:187px; height:100%;">
        	
   
        	
        	<jsp:include page= '/HTML/APP/left_menu.jsp' />   
       
        </div>
        
        
		<div style="position:absolute; margin:0px 0px 0px 187px; width:82%; background-color:#fafafa;" id="contents">
       		<div style="position:absolute; margin:10px 10px 0px 10px; background-color:#fafafa;"><img src="/itfinger/IMAGE/App/link_page/phone.jpg" width="229" height="471" /></div>
                <!-- 편집타입-->
            	<div style="position:relative; margin:25px 10px 0px 0px; width:536px; float:right;">
<div style="position:relative; margin-bottom:10px;"><img src="/itfinger/IMAGE/App/main_menu/edit_type.jpg" />
                	<table border="0" cellspacing="0" cellpadding="0" style="margin:-25px 0px 0px 120px;">
                      <tr>
                        <td><input type="text" style="height:20px; width:100px; margin :0px 0px 0px 10px;" class="input_01" /></td>
                        <td><input type="image" src="/itfinger/BTN/ok_01.jpg" style="height:22px; padding:0px; vertical-align:middle;" /></td>
                      </tr>
                    </table>
                </div>
                <!-- 서브메뉴 설정 이름 / 패턴 -->
                
            <form action ="/itfinger/content/ModifyXml.action" method="post" name="modify">     
                <div style="position:relative; margin-bottom:20px;"><img src="/itfinger/IMAGE/App/main_menu/skin.jpg" />
                	<div class="select_02"style="height:20px; width:100px; margin :-25px 0px 2px -9px;">
                        <span class="ctrl"><span class="arrow"></span></span>
                        <button type="button" class="my_value">
                        <ul class="a_list">
                        <li><a href="#1">Link_1</a></li>
                        <li><a href="#2">Link_2</a></li>
                        <li><a href="#3">Link_3</a></li>
                        </ul>
                        </button> 
                    </div>
                </div>
                <div style="position:relative; margin-bottom:10px;"><img src="/itfinger/IMAGE/App/link_page/page_name.jpg" width="120" />
                	<input type="text" name="filename" value="<%=filename%>" style="height:18px; width:100px; margin :0px 0px 0px 10px;" class="input_01" /></div>
              	<div style="position:relative; margin-bottom:36px;">
                <a href="javascript:Div_on(1);" target="_self"><img src="/itfinger/IMAGE/App/link_page/frame_on.png" style="vertical-align:bottom; float:left;" id="div_btn01"/></a>
                <a href="javascript:Div_on(2);" target="_self"><img src="/itfinger/IMAGE/App/link_page/static_off.png" style="vertical-align:bottom; float:left;" id="div_btn02" /></a>
                	<input type="image" src="/itfinger/BTN/save.jpg" style="margin-left:2px; vertical-align:bottom; float:right;" />
                    <input type="image" src="/itfinger/BTN/intactly.jpg"  style="margin-left:2px; vertical-align:bottom; float:right;" />
                    <input type="image" src="/itfinger/BTN/view.jpg"  style="margin-left:2px; vertical-align:bottom; float:right;" />
           	    	<input type="image" src="/itfinger/BTN/undo.jpg" style="margin-left:2px; vertical-align:bottom; float:right;" />
                </div>
                <div style="position:relative; width:100%; height:400px; border-top: solid 1px #94a0c5; display:block; background-color:#f3f3f3; margin-bottom:20px; padding-left:5px;" id="Div_on_01">
               	  <div style="position:relative; margin :10px 0px 0px 0px;">
                   		<img src="/itfinger/IMAGE/App/link_page/menu_bar.jpg" />
                	</div>
                	<div style="position:relative; margin :0px 0px 0px 0px;">
                   		<table border="0" cellspacing="0" cellpadding="0">
                        	<tr>
                        		<%
                            String hide="";
                            String hide2="";
                            if(navihide.equals("yes")){
                            	
                             	hide="checked"+"=\"true\" ";
                            	 	
                            }else if(navihide.equals("no")){
                            	hide2="checked"+"=\"true\" ";
                            }%>
                              <td><input type="radio" id="radio2" name="navihide" value="yes"<%=hide%>style="margin: 0px 5px 0px 5px;" /> 
                              <img src="/itfinger/IMAGE/App/link_page/show.jpg" style="margin-bottom:-5px; margin-right:50px; vertical-align:top;"/></td>
                                <td><input type="radio" id="radio2" name="navihide" value="no"<%=hide2%>style="margin: 0px 5px 0px 5px;" /> 
                                <img src="/itfinger/IMAGE/App/link_page/hide.jpg" style="margin-bottom:-5px; vertical-align:top;" />
                                </td>
                        	</tr>
                    	</table>
                	</div>
                    <div style="position:relative; margin :10px 0px 0px 0px;">
                   		<img src="/itfinger/IMAGE/App/link_page/sub_tab.jpg" />
                	</div>
                	<div style="position:relative; margin :0px 0px 0px 0px;">
                   		<table border="0" cellspacing="0" cellpadding="0">
                        	<tr>
                        	<%
                            String hide3="";
                            String hide4="";
                            if(subtabshow.equals("yes")){
                            	
                             	hide3="checked"+"=\"true\" ";
                            	 	
                            }else{
                            	hide4="checked"+"=\"true\" ";
                            }%>
                              <td><input type="radio" id="radio2" name="subtabshow" value="yes"<%=hide3%>style="margin: 0px 5px 0px 5px; vertical-align:top;" /> 
                              <img src="/itfinger/IMAGE/App/link_page/show.jpg" style="margin-bottom:-5px; margin-right:50px; vertical-align:top;"/></td>
                                <td><input type="radio" id="radio2" name="subtabshow" value="no"<%=hide4%> style="margin: 0px 5px 0px 5px; vertical-align:top;" /> 
                                <img src="/itfinger/IMAGE/App/link_page/hide.jpg" style="margin-bottom:-5px; vertical-align:top;" />
                                </td>
                        	</tr>
                    	</table>
                	</div>
                    <div style="position:relative; margin :10px 0px 0px 0px;">
                   		<img src="/itfinger/IMAGE/App/link_page/name_bar_3.jpg" />
                	</div>
                    <div style="position:relative; margin :0px 0px 0px 0px;">
                   		<table border="0" cellspacing="0" cellpadding="0">
                        	<tr>
                              <td><img src="/itfinger/IMAGE/App/link_page/font_size.jpg" style="margin-top:10px; margin-left: 5px;"/></td>
                                <td>
                                	<div class="select_02"style="height:20px; width:100px; margin :-7px 0px 2px -9px;">
                                 <input type="text" name="navisize" value="<%=navisize%>" style="height:18px; width:100px; margin :0px 0px 0px 10px;" class="input_01" />
                                	</div>
                                </td>
                        	</tr>
                    	</table>
                	</div>
                    <div style="position:relative; margin :10px 10px 10px 5px;">
                   		<table width="100%" height="100" border="1px" cellspacing="0" cellpadding="0" bgcolor="#fafafa" bordercolor="#cbcbcb">
                        	<tr>
                            	<td height="20">
                                	<table border="0" cellpadding="0" cellspacing="0">
                                    	<tr>
                                        	<td><input type="radio" id="radio2" name="radios" value="all" style="margin: 0px 5px 0px 5px; vertical-align:top;" />
                                        </td>
                           		<td height="20"><img src="/itfinger/IMAGE/App/link_page/name_bar_2.jpg" style="margin-bottom:-5px;" /></td>
                                		</tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                            	<td height="20">
                                	<table border="0" cellpadding="0" cellspacing="0">
                                    	<tr>
                                        	<td><input type="radio" id="radio2" name="radios" value="all" style="margin: 0px 5px 0px 5px; vertical-align:top;" />
                                        </td>
                           					<td height="22"><img src="/itfinger/IMAGE/App/link_page/color.jpg" style="margin-bottom:-5px;" /></td>
                                            <td height="22"><img src="/itfinger/BTN/color.jpg" style="margin-bottom:-6px;" /></td>
                                		</tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                              <td height="20">
                                <table border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                      <td><input type="radio" id="radio2" name="radios" value="all" style="margin: 0px 5px 0px 5px; vertical-align:top;" />
                                        </td>
                                        <td>
                                            <img src="/itfinger/IMAGE/App/link_page/patton.jpg" style="margin-bottom:-5px; margin-right:10px;"/>
                                        </td>
                                        <td>
                                            <div class="select_02"style="height:20px; width:100px; margin :-7px 0px 2px -9px;">
                                                <span class="ctrl"><span class="arrow"></span></span>
                                                <button type="button" class="my_value">
                                                <ul class="a_list">
                                                <li><a href="#1">Link_1</a></li>
                                                <li><a href="#2">Link_2</a></li>
                                                <li><a href="#3">Link_3</a></li>
                                                </ul>
                                                </button> 
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                              </td>
                            </tr>
                            <tr>
                            	<td height="20">
                                	<table border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td><input type="radio" id="radio2" name="radios" value="all" style="margin: 0px 5px 0px 5px; vertical-align:top;" />
                                            </td>
                                            <td>
                                                <img src="/itfinger/IMAGE/App/link_page/image.jpg" style="margin-bottom:-5px; margin-right:10px;"/>
                                            </td>
                                            <td>
                                                <div class="select_02"style="height:20px; width:100px; margin :-7px 0px 2px -9px;">
                                                    <span class="ctrl"><span class="arrow"></span></span>
                                                    <button type="button" class="my_value">
                                                    <ul class="a_list">
                                                    <li><a href="#1">Link_1</a></li>
                                                    <li><a href="#2">Link_2</a></li>
                                                    <li><a href="#3">Link_3</a></li>
                                                    </ul>
                                                    </button> 
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                    			</td>
                            </tr>
                            <!-- 20130121 추가해주실 부분-->
                            <tr>
                            	<td>
                                	<table border="0" cellspacing="0" cellpadding="0" style="margin-bottom:3px;">
                                        <tr>
                                            <td width="135"><img src="/itfinger/IMAGE/App/link_page/font.jpg" style="margin-left:20px;" />
                                            </td>
                                            <td>
                                            	<div class="select_02"style="height:20px; width:100px; margin :-7px 0px 2px -9px;">
                                                    <span class="ctrl"><span class="arrow"></span></span>
                                                    <button type="button" class="my_value">
                                                    <ul class="a_list">
                                                    <li><a href="#1">Link_1</a></li>
                                                    <li><a href="#2">Link_2</a></li>
                                                    <li><a href="#3">Link_3</a></li>
                                                    </ul>
                                                    </button> 
                                                </div>
                                            </td>
                                            <td><img src="/itfinger/IMAGE/App/link_page/font_size1.jpg" style="margin-left:5px;"/>
                                            </td>
                                            <td>
                                            	<div class="select_02"style="height:20px; width:50px; margin :-7px 0px 2px 0px;">
                                                    <span class="ctrl"><span class="arrow"></span></span>
                                                    <button type="button" class="my_value">
                                                    <ul class="a_list">
                                                    <li><a href="#1">Link_1</a></li>
                                                    <li><a href="#2">Link_2</a></li>
                                                    <li><a href="#3">Link_3</a></li>
                                                    </ul>
                                                    </button> 
                                                </div>
                                            </td>
                                            <td><img src="/itfinger/IMAGE/App/link_page/font_color.jpg" style="margin-left:5px;"/></td>
                                            <td><img src="/itfinger/BTN/color.jpg" style="margin-bottom:-3px;"/></td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <!--추가해주실 부분 끝-->
                    	</table>
                	</div>
                    <div style="position:relative; margin :10px 0px 0px 0px;">
                   		<img src="/itfinger/IMAGE/App/link_page/name_bar_1.jpg" />
                	</div>
                	<div style="position:relative; margin :0px 0px 0px 0px">
                   		<table border="0" cellspacing="0" cellpadding="0"  height="22">
                        	<tr>
                              <td><input type="radio" id="radio2" name="radios" value="all" style="margin: 0px 5px 0px 5px; vertical-align:top;" /> </td>
                              <td><img src="/itfinger/IMAGE/App/link_page/not_btn.jpg" style="margin-right:50px; vertical-align:top;"/></td>
                                <td><input type="radio" id="radio2" name="radios" value="all" style="margin: 0px 5px 0px 5px; vertical-align:top;" /> </td>
                             	<td> <img src="/itfinger/IMAGE/App/link_page/check_btn.jpg" style=" margin-right:50px; vertical-align:top;"/></td>
                                <td><img src="/itfinger/BTN/back.jpg" style="margin: 0px 10px 0px 0px;" /></td>
                                <td><img src="/itfinger/BTN/btn_change.jpg" /></td>
                        	</tr>
                    	</table>
                	</div>
                </div>
                </form>
                <div style="position:relative; width:100%; height:420px; margin-bottom:20px; border-top: solid 1px #94a0c5; display:none; background-color:#f3f3f3;" id="Div_on_02">
                	<div style=" position:absolute; margin:8px 0px 0px 345px; z-index:100; background-image:url(/itfinger/IMAGE/App/link_page/text.png); width:180px; height:132px;"></div>
      				<div style="position:relative; margin :10px 10px 10px 5px;">
                   		<table border="0" cellspacing="0" cellpadding="0"  height="22">
                        	<tr>
                              <td><img src="/itfinger/IMAGE/App/link_page/type.jpg" /></td>
                                <td>
                                	<div class="select_02"style="height:20px; width:140px; margin :-7px 0px 2px -9px;">
                                         <input type="text" name="viewtype" readonly value="<%=viewtype%>" style="height:18px; width:100px; margin :0px 0px 0px 10px;" class="input_01" />
                                	</div>
                                </td>
                        	</tr>
                    	</table>
                	</div>
                     <div style="position:relative; margin :10px 10px 10px 5px;">
                   		<table border="0" cellspacing="0" cellpadding="0"  height="22">
                        	<tr>
                              <td><img src="/itfinger/IMAGE/App/link_page/patton_2.jpg" /></td>
                                <td>
                                	<div class="select_02"style="height:20px; width:140px; margin :-7px 0px 2px -9px;">
                                        <span class="ctrl"><span class="arrow"></span></span>
                                        <button type="button"  class="my_value">
                                        <ul class="a_list">
                                        <li><a href="#">Link_1</a></li>
                                        <li><a href="#">Link_2</a></li>
                                        <li><a href="#">Link_3</a></li>
                                        </ul>
                                        </button> 
                                	</div>
                                </td>
                        	</tr>
                    	</table>
                	</div>
                    <div height="30">&nbsp;</div>
                    <div style="position:relative; margin-bottom:2px; margin-top:30px; height:25px; background:url(/itfinger/IMAGE/App/sub_menu/table_bg.jpg); font-family:돋움; color:#767676;"></div>
                    <div style="position:relative; margin :0px 0px 10px 0px;">
                   	  <iframe src="/itfinger/HTML/APP/sub_menu_table.jsp" frameborder="0" width="100%" height="200"></iframe>
                    </div>
                    <div align="center"><input type="image" src="/itfinger/BTN/text_box.jpg" /> <input type="image" src="/itfinger/BTN/images.jpg" /> <input type="image" src="/itfinger/BTN/botton.jpg" /></div>
                </div> 
            </div>
        	<div><img src="/itfinger/IMAGE/copyrignt.jpg" height="75" /></div>
        </div>
    </div>
</div>
</body>
</html>